// 话题 消息组件
<template>
  <div class="topic">
    <Nav default-active="/"></Nav>
    <div class="main">
      <SideBar></SideBar>
      <div class="content">
        <Comment v-if="status"></Comment>
        <NoContent v-else></NoContent>
      </div>
    </div>
  </div>
</template>
<script>
import Nav from "@/components/common/Nav";
import SideBar from "@/components/topic/common/SideBar";
import Comment from "@/components/topic/jack/Comment";
import NoContent from "@/components/topic/jack/NoContent";
export default {
  name: "topic",
  data() {
    return {
      status: true
    };
  },
  components: {
    Nav,
    SideBar,
    Comment,
    NoContent
  }
};
</script>

<style scoped>
.main {
  display: flex;
  width: 1000px;
  height: 600px;
  margin: 1rem auto 0;
  border-top: 1px solid #d3d3d3;
}

.content {
  width: 900px;
  height: 600px;
}
</style>
